<template>
  <div class="demo">
    <div class="demo-title">其他字符</div>
    <div class="demo-content">
      <Rate v-model:value="value1" allow-half>
        <template #character>
          <HeartOutlined />
        </template>
      </Rate>
      <br />
      <Rate v-model:value="value2" character="A" allow-half style="font-size: 36px" />
      <br />
      <Rate v-model:value="value3" character="好" allow-half />
      <br />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { HeartOutlined } from '@ant-design/icons-vue';
  import Rate from '@sscd/rate';
  const value1 = ref<number>(2);
  const value2 = ref<number>(2.5);
  const value3 = ref<number>(0.5);
</script>
